<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>患者评估</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/style.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.2.0.css" />
    <style>
        .aui-list-item-input>label {
            margin-top: 10px;
        }

        .aui-list-cender {
            width: 80%;
            text-align: left;
        }
        .aui-list-item-inner{
          display: -webkit-flex;
          display: flex;
          justify-content: flex-start;
          align-items: center;
        }
        .aui-list-item-inner > .aui-list-item-label{
          flex: 1;
        }
        .aui-list-item-inner > .aui-list-item-input{
          flex: 4;
        }
        .aui-list-item-input > label{
          display: inline-block;
          width: 140px;
          font-size: 14px;
        }

        .aui-list-item-label{
          color: #0064B0 !important;
        }
    </style>
</head>

<body>
    <main id="app">
        <div class="aui-content aui-margin-b-15">
            <ul class="aui-list aui-form-list">
                <li class="aui-list-item">
                    <div class="aui-list-item-inner">
                        <div class="aui-list-item-label">
                            入科方式
                        </div>
                        <div class="aui-list-item-input">
                            <label><input class="aui-radio" type="radio" name="demo1" checked> 步行</label>
                            <label><input class="aui-radio" type="radio" name="demo1"> 搀扶</label>
                            <label><input class="aui-radio" type="radio" name="demo1"> 轮椅</label>
                            <label><input class="aui-radio" type="radio" name="demo1"> 平车</label>
                            <label><input class="aui-radio" type="radio" name="demo1"> 怀抱</label>
                        </div>
                    </div>
                </li>
                <li class="aui-list-item">
                    <div class="aui-list-item-inner">
                        <div class="aui-list-item-label">
                            既往史
                        </div>
                        <div class="aui-list-item-input">
                            <label><input class="aui-radio" type="radio" name="demo2" checked> 否认</label>
                            <label><input class="aui-radio" type="radio" name="demo2"> 高血压</label>
                            <label><input class="aui-radio" type="radio" name="demo2"> 糖尿病</label>
                            <label><input class="aui-radio" type="radio" name="demo2"> 冠心病</label>
                            <label><input class="aui-radio" type="radio" name="demo2"> 其他</label>
                        </div>
                    </div>
                </li>
                <li class="aui-list-item">
                    <div class="aui-list-item-inner">
                        <div class="aui-list-item-label">
                            传染病史
                        </div>
                        <div class="aui-list-item-input">
                            <label><input class="aui-radio" type="radio" name="demo3" checked> 否认</label>
                            <label><input class="aui-radio" type="radio" name="demo3"> 其他</label>
                        </div>
                    </div>
                </li>
                <li class="aui-list-item">
                    <div class="aui-list-item-inner">
                        <div class="aui-list-item-label">
                            过敏史
                        </div>
                        <div class="aui-list-item-input">
                            <label><input class="aui-radio" type="radio" name="demo4" checked> 否认</label>
                            <label><input class="aui-radio" type="radio" name="demo4"> 氧过敏</label>
                            <label><input class="aui-radio" type="radio" name="demo4"> 其他</label>
                        </div>
                    </div>
                </li>
                <li class="aui-list-item">
                    <div class="aui-list-item-inner">
                        <div class="aui-list-item-label">
                            意识
                        </div>
                        <div class="aui-list-item-input">
                            <label><input class="aui-radio" type="radio" name="demo5" checked> 清醒</label>
                            <label><input class="aui-radio" type="radio" name="demo5"> 嗜睡</label>
                            <label><input class="aui-radio" type="radio" name="demo5"> 昏迷</label>
                            <label><input class="aui-radio" type="radio" name="demo5"> 意识模糊</label>
                            <label><input class="aui-radio" type="radio" name="demo5"> XXX</label>
                            <label><input class="aui-radio" type="radio" name="demo5"> 其他</label>
                        </div>
                    </div>
                </li>
                <li class="aui-list-item">
                    <div class="aui-list-item-inner">
                        <div class="aui-list-item-label">
                            营养状况
                        </div>
                        <div class="aui-list-item-input">
                            <label><input class="aui-radio" type="radio" name="demo6" checked> 良好</label>
                            <label><input class="aui-radio" type="radio" name="demo6"> 一般</label>
                            <label><input class="aui-radio" type="radio" name="demo6"> 差</label>
                        </div>
                    </div>
                </li>
                <li class="aui-list-item">
                    <div class="aui-list-item-inner">
                        <div class="aui-list-item-label">
                            语言功能
                        </div>
                        <div class="aui-list-item-input">
                            <label><input class="aui-radio" type="radio" name="demo7" checked> 正常</label>
                            <label><input class="aui-radio" type="radio" name="demo7"> 欠流利</label>
                            <label><input class="aui-radio" type="radio" name="demo7"> 言语不清</label>
                        </div>
                    </div>
                </li>
                <li class="aui-list-item">
                    <div class="aui-list-item-inner">
                        <div class="aui-list-item-label">
                            自理评估
                        </div>
                        <div class="aui-list-item-input">
                            <label><input class="aui-radio" type="radio" name="demo8" checked> 无需依赖</label>
                            <label><input class="aui-radio" type="radio" name="demo8"> 轻度依赖</label>
                            <label><input class="aui-radio" type="radio" name="demo8"> 中度以来</label>
                            <label><input class="aui-radio" type="radio" name="demo8"> 重度以来</label>
                            <label><input class="aui-radio" type="radio" name="demo8"> 小于12岁</label>
                        </div>
                    </div>
                </li>
                <li class="aui-list-item">
                    <div class="aui-list-item-inner">
                        <div class="aui-list-item-label">
                            压疮
                        </div>
                        <div class="aui-list-item-input">
                            <label><input class="aui-radio" type="radio" name="demo9" checked> 无</label>
                            <label><input class="aui-radio" type="radio" name="demo9"> 其他</label>
                        </div>
                    </div>
                </li>
                <li class="aui-list-item">
                    <div class="aui-list-item-inner">
                        <div class="aui-list-item-label">
                            患者依从性
                        </div>
                        <div class="aui-list-item-input">
                            <label><input class="aui-radio" type="radio" name="demo10" checked> 好</label>
                            <label><input class="aui-radio" type="radio" name="demo10"> 一般</label>
                            <label><input class="aui-radio" type="radio" name="demo10"> 差</label>
                        </div>
                    </div>
                </li>
                <li class="aui-list-item">
                    <div class="aui-list-item-inner">
                        <div class="aui-list-item-label">
                            心理
                        </div>
                        <div class="aui-list-item-input">
                            <label><input class="aui-radio" type="radio" name="demo11" checked> 稳定</label>
                            <label><input class="aui-radio" type="radio" name="demo11"> 烦躁</label>
                            <label><input class="aui-radio" type="radio" name="demo11"> 恐惧</label>
                            <label><input class="aui-radio" type="radio" name="demo11"> 其他</label>
                        </div>
                    </div>
                </li>
                <li class="aui-list-item">
                    <div class="aui-list-item-inner">
                        <div class="aui-list-item-label">
                            评估人
                        </div>
                        <div class="aui-list-item-input">
                            <select>
                            <option>陈丽</option>
                            <option>王庆萍</option>
                            <option>吴成业</option>
                        </select>
                        </div>
                    </div>
                </li>
                <li class="aui-list-item">
                    <div class="aui-list-item-inner">
                        <div class="aui-list-item-label">
                            评估时间
                        </div>
                        <div class="aui-list-cender" onclick="getDateTime()">
                            {{getDateTime}}
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </main>
</body>

</html>

<script src="../script/api.js" charset="utf-8"></script>
<script src="../script/vue.js" charset="utf-8"></script>
<script type="text/javascript">
    var vm;
    apiready = function() {
        vm = new Vue({
            el: '#app',
            data: {
                getDateTime: '选择日期'
            },
            watch: {
                searchInfo: function() {
                    console.log(1);
                }
            },
            methods: {

            }
        })
    }

    function getDateTime() {
        api.openPicker({
            type: 'date',
            date: '2019-01-01',
            title: '选择开始日期'
        }, function(ret, err) {
            if (ret) {
                api.openPicker({
                    type: 'time',
                    date: "2016-07-28 09:00",
                    title: '请选择时间'
                }, function(ret1, err1) {
                    if (ret1) {
                      vm.getDateTime = '' + ret1.year +
                                       '年' + ret1.month +
                                       '月' + ret1.day +
                                       '日' + ret1.hour +
                                       '时' + ret1.minute +
                                       '分'
                    } 
                });
            }
        });
    }

    function closewin() {
        api.closeWin({
            name: 'evaluationForm'
        });
    }
</script>
